﻿/*
* $Revision: 22 $
* $Date: 2009-10-14 14:24:14-07:00 $ 
*/
html
{
	overflow: hidden;
}

body
{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-family: "Cooper Black", "Cooper Black BT", "Arial Rounded MT Bold";
}

a, input, div, span, li, td, p, span.footerText
{
	font-family: "Cooper Black", "Cooper Black BT", "Arial Rounded MT Bold";
}

.container
{
	width: 1024px;
	height: 768px;
	background-image: url(../images/checkin_bg.png);
	background-repeat: no-repeat;
}

.view
{
	width: 1024px;
	height: 768px;
	vertical-align: top;
	text-align: center;
}

.initView
{
	width: 1024px;
	height: 768px;
	vertical-align: bottom;
}

div.heading
{
	border: none;
	text-align: center;
	padding: 20px;
}

div.footer
{
	background-image: url(../images/footer_bg.png);
	background-repeat: no-repeat;
	width: 1024px;
	height: 118px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.invis
{
	visibility: hidden;
}

.footerText
{
	color: #FFFFFF;
	font-size: 32pt;
	display: block;
	margin: 40px 0 0 20px;
    padding-bottom: 25px;
}

.footerCaption
{
	color: #FFFFFF;
	font-size: 24pt;
	display: block;
	margin: 40px 0 0 20px;
    padding-bottom: 25px;
}

.footerError
{
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 32pt;
	display: block;
	margin: 40px 0 0 20px;
    padding-bottom: 25px;
}

.footerLeft
{
	float: left;
	width: 500px;
	height: 118px;
	text-align: left;
}

.footerRight
{
	float: right;
	width: 500px;
	text-align: right;
}

.footerWide
{
	width: 1024px;
	height: 118px;
	text-align: center;
}

.checkinText
{
	font-size: 36pt;
	color: #000000;
}

h3.checkinText
{
	font-size: 48pt;
	color: #000000;
	border: none;
}

.confirmText
{
	font-size: 36pt;
	color: #000000;
}

.classroomText
{
	font-size: 36pt;
	color: #009900;
	
	filter: Shadow(Color=#000000, Direction=135, Strength=5);
}

.errorText
{
	font-size: 36pt;
	color: #CC0000;
	margin: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	display: block;
}

.checkinCaption
{
	font-weight: normal;
	font-size: 24pt;
	color: #444444;
	border: none;
}

.errorCaption
{
	font-weight: normal;
	font-size: 18pt;
	color: #CC0000;
	border: none;
}

.phoneError
{
    font-weight: normal;
	font-size: 24pt;
	color: #CC0000;
	border: none;
}

.phoneSearching
{
    font-weight: normal;
	font-size: 24pt;
	color: #1B4472;
	border: none;
}

.confirmError
{
	font-size: 36pt;
	color: #CC0000;
}

.phonePanel
{
	overflow: auto;
}

input.phoneButton
{
	background-image: url(../images/phone_button.png);
	background-color: Transparent;
	border: none;
	font-size: 32pt;
	color: #FFFFFF;
	height: 77px;
	width: 95px;
	padding: 5px;
}

.scrollArea
{
	height: 300px;
	width: 550px;
	overflow: auto;
	
	/* Scrollbar coloration code.  Not standard.  Will not display in non-Microsoft browsers. */
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #888888;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #888888;
	scrollbar-arrow-color: #CCFFFF;
	scrollbar-track-color: #999999;
	scrollbar-darkshadow-color: #000000;
	
}

.scrollAreaBig
{
	height: 420px;
	width: 1024px;
	overflow: auto;
	
	/* Scrollbar coloration code.  Not standard.  Will not display in non-Microsoft browsers. */
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #888888;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #888888;
	scrollbar-arrow-color: #CCFFFF;
	scrollbar-track-color: #999999;
	scrollbar-darkshadow-color: #000000;
}

.resultScrollArea
{
	height: 450px;
	width: 1024px;
	overflow: auto;
	
	/* Scrollbar coloration code.  Not standard.  Will not display in non-Microsoft browsers. */
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #888888;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #888888;
	scrollbar-arrow-color: #CCFFFF;
	scrollbar-track-color: #999999;
	scrollbar-darkshadow-color: #000000;
}

input.dataButton
{
	color: #FFFFFF;
	font-size: 28pt;
	background-image: url(../images/button_active.png);
	background-color: Transparent;
	background-repeat: no-repeat;
	border: none;
	width: 263px;
	height: 91px;
}

input.dataButtonInactive
{
	color: #FFFFFF;
	font-size: 28pt;
	background-image: url(../images/button_inactive.png);
	background-color: Transparent;
	background-repeat: no-repeat;
	border: none;
	width: 263px;
	height: 91px;
}

input.dataButtonSelected
{
	color: #FFFFFF;
	font-size: 28pt;
	background-image: url(../images/button_selected.png);
	background-color: Transparent;
	background-repeat: no-repeat;
	border: none;
	width: 263px;
	height: 91px;
}

input.nameButton
{
	color: #FFFFFF;
	font-size: 20pt;
	background-image: url(../images/name_button.png);
	background-color: Transparent;
	background-repeat: no-repeat;
	border: none;
	width: 350px;
	height: 91px;
	padding-left: 15px;
	padding-right: 15px;
}

input.nextButton
{
	color: #000000;
	font-size: 30pt;
	background-image: url(../images/next_button5.png);
	background-color: Transparent;
	background-repeat: no-repeat;
	border: none;
	width: 216px;
	height: 118px;
	padding-right: 30px;
	margin-right: 50px;
	
}

input.nextButtonInactive
{
	color: #444444;
	font-size: 30pt;
	background-image: url(../images/next_button4.png);
	background-color: Transparent;
	background-repeat: no-repeat;
	border: none;
	width: 216px;
	height: 118px;
	padding-right: 30px;
	margin-right: 50px;
}

input.phoneSearch
{
	font-size: 28pt;
	color: #000000;
	background-image: url(../images/phone_search3.png);
	background-color: Transparent;
	background-repeat: no-repeat;
	width: 212px;
	height: 75px;
	border: none;
	padding-right: 30px;
	padding-bottom: 7px;
}

input.phoneText
{
	font-size: 30pt;
	color: #000000;
	background-image: url(../images/text_box.png);
	background-color: Transparent;
	background-repeat: no-repeat;
	border: none;
	height: 75px;
	width: 334px;
	padding: 10px 0 0 70px;
	
}

input.cancelButton
{
	font-size: 30pt;
	color: #000000;
	background-image: url(../images/cancel_button.png);
	background-color: Transparent;
	background-repeat: no-repeat;
	margin-left: 50px;
	border: none;
	height: 118px;
	width: 177px;
}

input.searchButton
{
	color: #000000;
	font-size: 32pt;
	margin-right: 20px;
	background-image: url(../images/search_button.png);
	background-color: Transparent;
	border: none;
	width: 420px;
	height: 118px;
	padding-top: 20px;
	
}

.dataStar
{
	margin-left: 10px;
	margin-right: 30px;
	margin-top: 20px;
}

.star
{
	margin-left: 15px;
	margin-bottom: 20px;
}

.resultTable
{
	font-family: "Cooper Black", "Cooper Black BT";
	font-size: 36pt;
	color: #000000;
}

table.resultTable
{
	width: 950px;
	border: none;
	margin-left: auto;
	margin-right: auto;
}

td.resultTable
{
	text-align: left;
	padding-right: 20px;
	padding-bottom: 10px;
}

.success
{
	font-size: 36pt;
	color: green;
}

td.success
{
	height: 48px;
	width: 48px;
	background-image: url(../images/checkmark.png);
	background-color: Transparent;
	background-repeat: no-repeat;
}

.fail
{
	font-size: 36pt;
	color: #FFFFFF;
}

td.fail
{
	background-color: #CC0000;
	padding-left: 10px;
}

.familyMemberGrid
{
    margin-top: 25px;
}

/***********************************************
 * This is the original class which is included
 * in the Arena.css
 ***********************************************
.ajaxProgress
{
	background-color: #e5e3e4;
	padding: 5px;
	color: #000;
	font-family: Arial;
	font-size: 10pt;
	font-weight: 700;
	opacity:.50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
	height: 18px;
	width: 80px;
	text-align: center;
}
*/

.ajaxProgress
{
	margin-left: auto ;
	margin-right: 0 ;
}

.ajaxLargeProgress
{
	background-color: #000;
	
	padding: 0px;
	color: #000;
	font-family: Arial;
	font-size: 30pt;
	font-weight: normal;
	opacity:.50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/big_roller.gif);
	/* background-attachment:fixed; */
	background-position: 50%;
	background-repeat: no-repeat;
	width: 1024px;
	height: 768px;
}